.mtop30.ng-cloak.registerContainer(ng-controller='App.RegisterCtrl')
	//-普通注册
	div(style='border:4px solid #f2f2f2;padding-bottom:20px;')
		//-.createAccountTips(ng-show='step != 3 && !session.user.portal')
			h3 您还不是广发证券客户？
			.content
				p 快点击预约开户吧，
				p 我们将
					span 免费上门
				p 为您提供尊贵的开户服务！
				.arrowDown

			a(href='http://www.gf.com.cn/yykh/yuyue.jsp', target='_blank').openAccount 预约上门开户
			a(href='http://www.gf.com.cn/yykh/index.jsp', target='_blank').othersOpenAccount 更多开户方式>>
		h2.bc(ng-show='step != 3 && !session.user.portal') 注册
		p.bc(style='padding-left:50px;color:#666;', ng-show='step != 3 && !session.user.portal') 欢迎注册广发通，只需十秒钟简单注册，即可享受更多的会员服务和产品优惠。
		form.registerForm(ng-show='step==1 && !session.user.portal', name='regstep1form')
			.mbottom20.editInfo
				.field.mobile
					label.mrem(for='mobile', ng-class='{hidden : mobile.length}') 移动电话
					input(type='tel', gf-input,name='mobile', ng-model='mobile', required, maxlength=13, ng-class='{hasInput : mobile.length}')
				a.getVerifyCode(href='javascript:;', ng-show='regstep1form.mobile.$valid', 
					ng-click='getcode()',
					ng-switch='raw', ng-disabled='time != -1').mlem 
						span(ng-switch-when='true') 
							b(ng-show='time == -1') 获取手机验证码
							b(ng-show='time >= 0') {{time}}秒后重新获取
						span(ng-switch-when='false') 重新发送
				//-.yes(ng-show='mobileError==2 && !error')
				.no(ng-show='mobileError==1 && !error') 
				span(ng-show='error', style='margin-left:10px;')
					.no 
					| {{error}}
				//- span.mlem(ng-show='time>=0') 
				//- 	| 验证码已发送，注意接收
				//- 	b.nc.mlem {{time}}
				//- 	| &nbsp;秒
			.mbottom20.bc.editInfo
				.field.verifyCode
					label.mrem(ng-class='{hidden : verify_code.length}') 请输入手机验证码
					input(type='text', name='verify_code', gf-input, ng-model='verify_code', required, maxlength=6, ng-class='{hasInput : verify_code.length}').narrow
				.yes(ng-show='verify_codeError==2')
				.no(ng-show='verify_codeError==1')	
				span(ng-show='verify_codeError==1') 验证码为空
				span.gc.tip 请输入验证码，如果一段时间没有收到，请重新获取
			.mbottom20.bc.editInfo
				.field.verifyCode
					label.mrem(ng-class='{hidden : captchaCode.length}') 请输入验证码
					input(type='text', name='captchaCode', gf-input, ng-model='captchaCode', required, maxlength=6, ng-class='{hasInput : captchaCode.length}').narrow
				.yes(ng-show='captchaCodeError==2')
				.no(ng-show='captchaCodeError==1')	

				img.mleft10(ng-src='/captcha2.jpg?_cache_={{captcha_random}}', alt='验证码', height=30, width=80, ng-click='refreshCode()', style='cursor:pointer').mright10
			p.error(ng-show='step1Error', ng-bind='step1Error', style='color:#DA1818')
			div
				//- 为了对齐，字符相同
				a(href='javascript:;', ng-click='submit1()').btn 下一步
				span.loading(ng-show='loading') &nbsp;

		form.registerForm(ng-show='step==2 && !session.user.portal', name='regstep2form')
			.mbottom20.bold.font14.nc(ng-show='error')
				label.mrem.invisible 空白符:
				| {{error}}
			.mbottom20.editInfo
				.field.account
					label.mrem(for='service_name', ng-class='{hidden : service_name.length}') 请输入用户名
					input(type='text',
						ng-model='service_name',
						name='service_name',
						gf-input,
						maxlength=16,
						required, ng-class='{hasInput : service_name.length}')
				.yes(ng-show='service_nameError==2')
				.no(ng-show='service_nameError==1')
				
			.mbottom20.editInfo
				.field.pwd
					label.mrem(for='password1', ng-class='{hidden : password1.length}') 请输入您要设置的密码
					input(type='password', gf-input, ng-model='password1', name='password1', ng-minlength='6', required, maxlength=16, ng-class='{hasInput : password1.length}')
				.yes(ng-show='password1Error==2')
				.no(ng-show='password1Error==1 || regstep2form.$error.minlength')
				span.tip.gc 密码长度6~16位
				
			.mbottom20.editInfo
				.field.pwd
					label.mrem(ng-class='{hidden : password2.length}') 请您再次输入密码
					input(type='password', gf-input, ng-model='password2', name='password2', required, maxlength=16, ng-class='{hasInput : password2.length}')
				.yes(ng-show='password2Error==2')
				.no(ng-show='password2Error==1')
				span.nc(ng-show='password2 && password1 != password2').mlem 密码不匹配
				
			.mbottom20(ng-show='isAdd')
				label
					span.mrem 手机号码:
					input(type='tel', gf-input, ng-model='mobile', name='mobile', required, maxlength=13, ng-class='{hasInput : mobile.length}').text
				.yes(ng-show='mobileError==2')
				.no(ng-show='mobileError==1')
				
			.mbottom20.editInfo
				.field.email
					label.mrem(ng-class='{hidden : email.length}') 电子邮箱:
					input(type='email', gf-input, ng-model='email', name='email', ng-class='{hasInput : email.length}')
				.yes(ng-show='emailError==2')
				.no(ng-show='emailError==1')
				small.mlem 非必填

			

			div
				a(href='javascript:;', ng-click='submit2()').btn 下一步
				span.loading(ng-show='loading') &nbsp;
				
			//- .mtop30.pad30 &nbsp;
						
		div(ng-show='step==3 || session.user.portal')
			.pad30.iux_ureg(style='overflow:hidden;')
				.regsuccessleft.success 
					em 恭喜！您已注册成功!
				
				//- new
				.zn_hlft
					p.p01
						em.icn_reg.icn_regf1
					p.p02 想快捷理财?
					p.p03 开通互联网账户，线上理财安全又贴心！
					p.p04 
						a.btn(href="/portal/authentication") 马上开通
				.zn_hrgt
					p.p01
						em.icn_reg.icn_regf2
					p.p02 想投资股票?
					ul.ls_gfh
						li
							h3 我是广发用户   
							p 绑定客户号,享受更多优惠!
							a.btn(href="/webservice/binding") 立即绑定
						li.last
							h3 我非广发用户    
							p 加入广发,享受星级服务!
							a.btn(href='http://www.gf.com.cn/yykh/index.jsp', target='_blank') 立即加入

	.iuxGFPro(ng-show='step==3 || session.user.portal')
		h2 
			em
			或者先了解广发产品 
		.unitW
			.unit(ng-show='recommendPro.items')
				h3 {{title}}
				h4 预期年化收益
				h5 {{yield}}
					em %
				h6 
					a.fbtn(href="/#/asset/detail?pid={{itemID}}", target="_blank") 查看详情
				span.icn_gfcp.icn_highy
				p.salem(ng-show='salem == "e"')
					em.icn_earnest
				p.salem(ng-show='salem == "d"')
					em.icn_card_pay
				p.salem(ng-show='salem == "ed" || salem == "de"')
					em.icn_earnest
					em.icn_card_pay
					em.icn_direct_pay(style='display:none')
			.unit(ng-show='recommendPro2.items')
				h3 {{title2}}
				h4 预期年化收益
				h5 {{yield2}}
					em %
				h6 
					a.fbtn(href="/#/asset/detail?pid={{itemID2}}", target="_blank") 查看详情
				span.icn_gfcp.icn_highl
				p.salem(ng-show='salem2 == "e"')
					em.icn_earnest
				p.salem(ng-show='salem2 == "d"')
					em.icn_card_pay
				p.salem(ng-show='salem2 == "ed" || salem2 == "de"')
					em.icn_earnest
					em.icn_card_pay
					em.icn_direct_pay(style='display:none')
			.unit(ng-show='recommendPro3.items')
				h3 {{title3}}
				h4 预期年化收益
				h5 {{yield3}}
					em %
				h6 
					a.fbtn(href="/#/asset/detail?pid={{itemID3}}", target="_blank") 查看详情
				span.icn_gfcp.icn_lowy
				p.salem(ng-show='salem3 == "e"')
					em.icn_earnest
				p.salem(ng-show='salem3 == "d"')
					em.icn_card_pay
				p.salem(ng-show='salem3 == "ed" || salem3 == "de"')
					em.icn_earnest
					em.icn_card_pay
					em.icn_direct_pay(style='display:none')
			.unit.last(ng-show='recommendPro4.items')
				h3 {{title4}}
				h4 预期年化收益
				h5 {{yield4}}
					em %
				h6 
					a.fbtn(href="/#/asset/detail?pid={{itemID4}}", target="_blank") 查看详情
				span.icn_gfcp.icn_lowl
				p.salem(ng-show='salem4 == "e"')
					em.icn_earnest
				p.salem(ng-show='salem4 == "d"')
					em.icn_card_pay
				p.salem(ng-show='salem4 == "ed" || salem4 == "de"')
					em.icn_earnest
					em.icn_card_pay
					em.icn_direct_pay(style='display:none')

	.iuxPayType(ng-show='step==3 || session.user.portal')
		h2 支付方式
			em.icn_arrowr 
		h3 
			span.sn01 
				em.icn_card_pay
				em.txt 银行卡支付
			span.sn02 
				em.icn_earnest
				em.txt 保证金支付

	.userTips(ng-show='step==9',style='display:none')
		.userTip
			a.action(href='#/binding') 立即绑定
			.content
				h3 您
					span(style='color:#e87142;') 是
					span(style='color:#008fc7;padding:0 5px;') 广发证券
					| 客户
				p 立即绑定您的客户号，享受线上更多优惠。
				p 暂不绑定
				.arrowRight
		.userTip(style='margin-left:23px;')
			a.action(href='http://www.gf.com.cn/yykh/index.jsp', target='_blank') 更多开户方式
			.content
				h3 您还
					span(style='color:#e87142;') 不是
					span(style='color:#008fc7;padding:0 5px;') 广发证券
					| 客户
				p 我们真诚地欢迎您加入到广发，立即开立账户
				p 享受星级服务。
				.arrowRight
	.tutorials(ng-show='step==9',style='display:none')

